<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label="订单号" prop="orderId" label-for="orderId">
	<Input v-model="searchForm.orderId" element-id="orderId" placeholder="请输入订单号" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="订单编号"><Row>
	<i-col span="11">
	<FormItem prop="idMin">
	<InputNumber v-model="searchForm.idMin" placeholder="请输入开始订单编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="idMax">
	<InputNumber v-model="searchForm.idMax" placeholder="请输入结束订单编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="下单用户"><Row>
	<i-col span="11">
	<FormItem prop="userIdMin">
	<InputNumber v-model="searchForm.userIdMin" placeholder="请输入开始下单用户" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="userIdMax">
	<InputNumber v-model="searchForm.userIdMax" placeholder="请输入结束下单用户" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="图文店"><Row>
	<i-col span="11">
	<FormItem prop="graphicIdMin">
	<InputNumber v-model="searchForm.graphicIdMin" placeholder="请输入开始图文店" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="graphicIdMax">
	<InputNumber v-model="searchForm.graphicIdMax" placeholder="请输入结束图文店" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="优惠券编号"><Row>
	<i-col span="11">
	<FormItem prop="couponsIdMin">
	<InputNumber v-model="searchForm.couponsIdMin" placeholder="请输入开始优惠券编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="couponsIdMax">
	<InputNumber v-model="searchForm.couponsIdMax" placeholder="请输入结束优惠券编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="纸张类型" prop="zzlx" label-for="zzlx">
	<Input v-model="searchForm.zzlx" element-id="zzlx" placeholder="请输入纸张类型" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="颜色" prop="ys" label-for="ys">
	<Input v-model="searchForm.ys" element-id="ys" placeholder="请输入颜色" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="单双面" prop="dsm" label-for="dsm">
	<Input v-model="searchForm.dsm" element-id="dsm" placeholder="请输入单双面" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="页码范围" prop="ymfw" label-for="ymfw">
	<Input v-model="searchForm.ymfw" element-id="ymfw" placeholder="请输入页码范围" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="打印数量"><Row>
	<i-col span="11">
	<FormItem prop="dyslMin">
	<InputNumber v-model="searchForm.dyslMin" placeholder="请输入开始打印数量" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="dyslMax">
	<InputNumber v-model="searchForm.dyslMax" placeholder="请输入结束打印数量" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="订单金额"><Row>
	<i-col span="11">
	<FormItem prop="totalAmountMin">
	<InputNumber v-model="searchForm.totalAmountMin" placeholder="请输入开始订单金额" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="totalAmountMax">
	<InputNumber v-model="searchForm.totalAmountMax" placeholder="请输入结束订单金额" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="实付金额"><Row>
	<i-col span="11">
	<FormItem prop="payAmountMin">
	<InputNumber v-model="searchForm.payAmountMin" placeholder="请输入开始实付金额" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="payAmountMax">
	<InputNumber v-model="searchForm.payAmountMax" placeholder="请输入结束实付金额" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="优惠金额"><Row>
	<i-col span="11">
	<FormItem prop="discountAmountMin">
	<InputNumber v-model="searchForm.discountAmountMin" placeholder="请输入开始优惠金额" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="discountAmountMax">
	<InputNumber v-model="searchForm.discountAmountMax" placeholder="请输入结束优惠金额" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="支付状态"><Row>
	<i-col span="11">
	<FormItem prop="payStatusMin">
	<InputNumber v-model="searchForm.payStatusMin" placeholder="请输入开始支付状态" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="payStatusMax">
	<InputNumber v-model="searchForm.payStatusMax" placeholder="请输入结束支付状态" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="下单时间"><Row>
	<i-col span="11">
	<FormItem prop="placeOrderTimeMin">
	<DatePicker @on-change="searchForm.placeOrderTimeMin=$event" :value="searchForm.placeOrderTimeMin" placeholder="请输入开始下单时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="placeOrderTimeMax">
	<DatePicker @on-change="searchForm.placeOrderTimeMax=$event" :value="searchForm.placeOrderTimeMax" placeholder="请输入结束下单时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="createTimeMin">
	<InputNumber v-model="searchForm.createTimeMin" placeholder="请输入开始创建时间" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="createTimeMax">
	<InputNumber v-model="searchForm.createTimeMax" placeholder="请输入结束创建时间" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="备注" prop="beizhu" label-for="beizhu">
	<Input v-model="searchForm.beizhu" element-id="beizhu" placeholder="请输入备注" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="微信订单号" prop="wxOrder" label-for="wxOrder">
	<Input v-model="searchForm.wxOrder" element-id="wxOrder" placeholder="请输入微信订单号" clearable/>
</FormItem>
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    import * as utils from '@/api/utils-v2'
    import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'GraphicOrderSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
                urls: {
                    searchUrl: '/graphic-order/admin/pager-cond'
                },
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    orderId: null,
id: null,
idMin: null, 
idMax: null, 
userId: null,
userIdMin: null, 
userIdMax: null, 
graphicId: null,
graphicIdMin: null, 
graphicIdMax: null, 
couponsId: null,
couponsIdMin: null, 
couponsIdMax: null, 
zzlx: null,
ys: null,
dsm: null,
ymfw: null,
dysl: null,
dyslMin: null, 
dyslMax: null, 
totalAmount: null,
totalAmountMin: null, 
totalAmountMax: null, 
payAmount: null,
payAmountMin: null, 
payAmountMax: null, 
discountAmount: null,
discountAmountMin: null, 
discountAmountMax: null, 
payStatus: null,
payStatusMin: null, 
payStatusMax: null, 
placeOrderTime: null,
placeOrderTimeMin: null, 
placeOrderTimeMax: null, 
createTime: null,
createTimeMin: null, 
createTimeMax: null, 
beizhu: null,
wxOrder: null,

                },
                dataDictCodes: ['IS_ACTIVE'],
                dataDictItems: {},
            }
        },
        computed: {},
        mounted() {},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>